<?php slot('cboxmainright_content')?>
<div class="card">
	<a href="#"><img src="/kolonna/img/card.png" width="204" height="176" alt="" /></a>
</div>
<div class="sliderright">
	<div class="pealkiribox">
		<div class="pealkiriboxleft"><img src="/kolonna/img/pealkirihl.png" width="5" height="42" alt=""/></div>
		<div class="pealkiriboxcenterh">
			<a href="#">Products</a>
		</div>
		<div class="pealkiriboxright"><img src="/kolonna/img/pealkirihr.png" width="5" height="42" alt=""/></div>
		<div class="clear"></div>
	</div>
	<div class="slidercontent">
		<div id="rslider" class="rslider vertical_products">
			<div class="slidercontainer  items_products">
				<div class="topsale item_product">
					<div class="toode">
						<a href="#"><img src="/kolonna/img/flac.png" width="44" height="104" alt="" /></a>
					</div>
					<div class="toodename">
						<h1>Products Name 1</h1>
					</div>
					<div class="toodeprice">
						<h1>28 €</h1>
					</div>
				</div>
				<div class="topsale item_product">
					<div class="toode">
						<img src="/kolonna/img/puz.png" width="110" height="104" alt="" />
					</div>
					<div class="toodename">
						<h1>Products Name 1</h1>
					</div>
					<div class="toodeprice">
						<h1>27,50 €</h1>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>

<script>
$(function() {
	// initialize scrollable with mousewheel support
	$(".vertical_products").scrollable(
		{
			circular: true,
			vertical: true,
			mousewheel: true,
			items: '.items_products'
		}
	);

});
</script>
<?php end_slot()?>

